<template>
  <div class="nano-page-error">
    <div class="error-pic">
      <img
        :src="errorPic"
        alt="错误图"
      >
    </div>
    <div class="error-text">
      <h1 class="error-code">{{code}}</h1>
      <div class="error-desc">{{errorMsg}}</div>
      <el-button
        type="primary"
        size="small"
      >
        <router-link to="/">{{linkMsg}}</router-link>
      </el-button>
    </div>
  </div>
</template>
<script>
import errorPic from '@/assets/error/404.png';
export default {
  name: 'NotFound',
  data() {
    return {
      errorPic,
      errorMsg: '抱歉，你访问的页面不存在',
      linkMsg: '返回首页',
      code: 404
    };
  }
};
</script>
